<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./page.css">
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    html,
    body {
      height: 100%;
      width: 100%;

    }

    body {
      position: relative;
      background-image: url('./images/ds-bg1.png');
      background-size: 100% 340px;
      background-position-y: -60px;
      background-repeat: no-repeat;
      background-color: rgba(235, 237, 242, .8);
    }

  </style>
</head>

<body>
  <div class="ds ds-home-page">
    <div class="cfs-2d3752 fs-34 fw-400" style="padding-top: 36px;text-align: center;">外包队伍承载力分析</div>
    <div class="top blur mr-24 ml-24 radius-8" style="height: 240px;">
      <div class="cfs-171717 fs-24 fw-600" style="padding: 24px 0 16px 24px;">作业力量</div>
      <div class="mr-24 ml-24" style="display: grid;grid-template: 152px/repeat(2,1fr);grid-gap: 0 24px;">
        <div class="radius-4" style="background-color: #fff;">
          <div
            style="padding-left:16px;padding-right: 16px;margin-top: 16px; height:calc(100% - 32px);display: grid;grid-template: repeat(2,1fr)/195px repeat(3,1fr);">
            <div
              style="grid-row: 1/-1;grid-column: 1/2;display: grid;grid-template: auto auto/auto 1fr;grid-gap:0 6px; align-items: center;"
              class="img1-box">
              <img src="./images/img1.png" style="grid-row:1/-1">
              <div class="cfs-3561fd fw-600 fs-28">234</div>
              <div class="fs-18 cfs-171717" style="align-self: flex-start;">单位数量</div>
            </div>
            <div style="display: flex; flex-flow: row nowrap;align-items: center;"><img src="./images/svg-1.svg"
                style="width: 22px;height: 22px;"><span class="fs-16 cfs-171717"
                style="margin-left: 6px;margin-right: 32px;">准入单位</span><span class="cfs-3561fd fs-20 fw-500">235</span></div>
            <div style="display: flex; flex-flow: row nowrap;align-items: center;"><img src="./images/svg-2.svg"
                style="width: 22px;height: 22px;"><span class="fs-16 cfs-171717"
                style="margin-left: 6px;margin-right: 32px;">施工单位</span><span class="cfs-3561fd fs-20 fw-500">235</span></div>
            <div style="display: flex; flex-flow: row nowrap;align-items: center;"><img src="./images/svg-3.svg"
                style="width: 22px;height: 22px;"><span class="fs-16 cfs-171717"
                style="margin-left: 6px;margin-right: 32px;">监理单位</span><span class="cfs-3561fd fs-20 fw-500">235</span></div>
            <div style="display: flex; flex-flow: row nowrap;align-items: center;"><span class="fs-16 cfs-171717-60"
                style="margin-right: 12px;">核心单位</span><span class="cfs-3561fd fs-20 fw-500">235</span></div>
            <div style="display: flex; flex-flow: row nowrap;align-items: center;"><span class="fs-16 cfs-171717-60"
                style="margin-right: 12px;">合格单位</span><span class="cfs-3561fd fs-20 fw-500">235</span></div>
            <div style="display: flex; flex-flow: row nowrap;align-items: center;"><span class="fs-16 cfs-171717-60"
                style="margin-right: 12px;">不合格单位</span><span class="cfs-3561fd fs-20 fw-500">235</span></div>

          </div>
        </div>

        <div class="radius-4" style="background-color: #fff;">
          <div
            style="padding-left:16px;padding-right: 16px;margin-top: 16px; height:calc(100% - 32px);display: grid;grid-template: repeat(2,1fr)/195px 1fr">
            <div
              style="grid-row: 1/-1;grid-column: 1/2;display: grid;grid-template: auto auto/auto 1fr;grid-gap:0 6px; align-items: center;"
              class="img2-box">
              <img src="./images/img2.png" style="grid-row:1/-1">
              <div class="cfs-3561fd fw-600 fs-28">234</div>
              <div class="fs-18 cfs-171717" style="align-self: flex-start;">人员数量</div>
            </div>
            <div style="grid-row:1/-1;grid-column: 2/-1;">
              <div style="height: 50%;display: grid;grid-template: auto/repeat(3,1fr);">
                <div style="display: flex; flex-flow: row nowrap;align-items: center;"><img src="./images/svg-1.svg"
                    style="width: 22px;height: 22px;"><span class="fs-16 cfs-171717"
                    style="margin-left: 6px;margin-right: 32px;">准入人员</span><span class="cfs-3561fd fs-20 fw-500">235</span></div>
                <div style="display: flex; flex-flow: row nowrap;align-items: center;"><img src="./images/svg-2.svg"
                    style="width: 22px;height: 22px;"><span class="fs-16 cfs-171717"
                    style="margin-left: 6px;margin-right: 32px;">施工人员</span><span class="cfs-3561fd fs-20 fw-500">235</span></div>
                <div style="display: flex; flex-flow: row nowrap;align-items: center;"><img src="./images/svg-3.svg"
                    style="width: 22px;height: 22px;"><span class="fs-16 cfs-171717"
                    style="margin-left: 6px;margin-right: 32px;">监理人员</span><span class="cfs-3561fd fs-20 fw-500">235</span></div>
              </div>
              <div style="height: 50%;display: grid;grid-template: auto/repeat(4,auto);">
                <div style="display: flex; flex-flow: row nowrap;align-items: center;"><span class="fs-16 cfs-171717-60"
                    style="margin-right: 12px;">工作负责人</span><span class="cfs-3561fd fs-20 fw-500">235</span></div>
                <div style="display: flex; flex-flow: row nowrap;align-items: center;"><span class="fs-16 cfs-171717-60"
                    style="margin-right: 12px;">签发人</span><span class="cfs-3561fd fs-20 fw-500">235</span></div>
                <div style="display: flex; flex-flow: row nowrap;align-items: center"><span class="fs-16 cfs-171717-60"
                    style="margin-right: 12px;">特种作业人员</span><span class="cfs-3561fd fs-20 fw-500">235</span></div>
                <div style="display: flex; flex-flow: row nowrap;align-items: center"><span class="fs-16 cfs-171717-60"
                    style="margin-right: 12px;">普通作业人员</span><span class="cfs-3561fd fs-20 fw-500">235</span></div>
              </div>




            </div>
          </div>
        </div>
      </div>




    </div>
    <div class="center mt-24 mr-24 ml-24" style="display: grid;grid-template: 270px/repeat(3,1fr);grid-gap:0 24px">
      <div class="blur"></div>
      <div class="blur"></div>
      <div class="blur">
        <div class="fs-24" style="height: 48px;display: flex;align-items: center;margin:0 16px;">
          <div class="cbg-3561fd" style="width: 3px;height: 20px;margin-right: 16px;"></div>
          <div style="flex: 1;">综合得分TOP10</div><div class="fs-3561fd fs-16">更多&nbsp;&gt;</div>
        </div>
        <div class="cbg-fff radius-4" style="height:calc(100% - 48px);padding:0 16px;">
          <div style="height: 48px;display: flex;align-items: center;" class="cfs-171717 fs-16 fw-600"><div style="flex:1;">排名</div><div style="flex:2;">外包单位</div><div style="flex:2;">使用单位</div><div style="flex:1;">得分</div></div>
          <!-- 用vue-seamless-scroll包起来 -->
          <section style="height:calc(100% - 48px);overflow-y: auto;" class="hidden-scrollbar">
          <div style="height: 44px;display: flex;align-items: center;" class="cfs-171717 fs-16 fw-400"><div style="flex:1;"><img src="./images/one.svg" style="width:20px;"></div><div style="flex:2;">外包单位</div><div style="flex:2;">使用单位</div><div style="flex:1;">得分</div></div>
          <div style="height: 44px;display: flex;align-items: center;" class="cfs-171717 fs-16 fw-400"><div style="flex:1;"><img src="./images/two.svg" style="width:20px;"></div><div style="flex:2;">外包单位</div><div style="flex:2;">使用单位</div><div style="flex:1;">得分</div></div>
          <div style="height: 44px;display: flex;align-items: center;" class="cfs-171717 fs-16 fw-400"><div style="flex:1;"><img src="./images/three.svg" style="width:20px;"></div><div style="flex:2;">外包单位</div><div style="flex:2;">使用单位</div><div style="flex:1;">得分</div></div>
          <div style="height: 44px;display: flex;align-items: center;" class="cfs-171717 fs-16 fw-400"><div style="flex:1;">排名</div><div style="flex:2;">外包单位</div><div style="flex:2;">使用单位</div><div style="flex:1;">得分</div></div>
          <div style="height: 44px;display: flex;align-items: center;" class="cfs-171717 fs-16 fw-400"><div style="flex:1;">排名</div><div style="flex:2;">外包单位</div><div style="flex:2;">使用单位</div><div style="flex:1;">得分</div></div>
          <div style="height: 44px;display: flex;align-items: center;" class="cfs-171717 fs-16 fw-400"><div style="flex:1;">排名</div><div style="flex:2;">外包单位</div><div style="flex:2;">使用单位</div><div style="flex:1;">得分</div></div>
          <div style="height: 44px;display: flex;align-items: center;" class="cfs-171717 fs-16 fw-400"><div style="flex:1;">排名</div><div style="flex:2;">外包单位</div><div style="flex:2;">使用单位</div><div style="flex:1;">得分</div></div>
          


          </section>
        </div>
      </div>
    </div>




    <div class="bottom mt-24 mr-24 ml-24" style="height: 250px;">
      <div class="blur" style="height: 100%;">161265</div>
    </div>
</body>

</html>